<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <script src="/static/common/js/ui.js"></script>

    <script>
        new APP(function(){
            return {
                css: [
                    ROOT_RES_URL + "/portal/portal.css",
                    ROOT_RES_URL + "/static/public/css/font.css",
                    ROOT_RES_URL + "/static/public/css/main.css",
                ],
                js: [
                    ROOT_RES_URL + "/api/api.js",
                    ROOT_RES_URL + "/api/title.js",
                    ROOT_RES_URL + "/portal/portal.js",
                    ROOT_RES_URL + "/static/plugins/echarts/echarts.min.js",
                ],
                render: function () {
                    rendPage();
                }
            }
        });

        APP.fn(function(){

        })
    </script>
</head>

<body style="background: #f7f7f7;">
<div id="loading" class="loading-wrap">
    <div class="loading-content">
        <div class="loading-round"></div>
        <div class="loading-dot"></div>
    </div>
</div>
<script id="tmpl1" type="text/x-jquery-tmpl">
    <div class="portal-page layui-container-fluid">

        <div class="layui-row layui-col-space10">
            <div class="layui-col-md8">

                <!-- COL 8-->


                <div class="layui-row layui-col-space10">
                    <div class="layui-col-xs12 layui-col-md3">

                        <div class="layui-card top-panel">
                            <div class="layui-card-header">要展示的指标名称</div>
                            <div class="layui-card-body">
                                <div class="layui-row layui-col-space5">
                                    <div class="layui-col-xs9 layui-col-md9 top-panel-number">
                                        9,054,056
                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
                                        比昨天 <a style="color: #1aa094">▲0.12</a><br>
                                        比七日 <a style="color: #bd3004">▼0.06</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="layui-col-xs12 layui-col-md3">

                        <div class="layui-card top-panel">
                            <div class="layui-card-header">要展示的指标名称</div>
                            <div class="layui-card-body">
                                <div class="layui-row layui-col-space5">
                                    <div class="layui-col-xs9 layui-col-md9 top-panel-number">
                                        9,054,056
                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
                                        比昨天 <a style="color: #1aa094">▲0.12</a><br>
                                        比七日 <a style="color: #bd3004">▼0.06</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="layui-col-xs12 layui-col-md3">

                        <div class="layui-card top-panel">
                            <div class="layui-card-header">要展示的指标名称</div>
                            <div class="layui-card-body">
                                <div class="layui-row layui-col-space5">
                                    <div class="layui-col-xs9 layui-col-md9 top-panel-number">
                                        9,054,056
                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
                                        比昨天 <a style="color: #1aa094">▲0.12</a><br>
                                        比七日 <a style="color: #bd3004">▼0.06</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="layui-col-xs12 layui-col-md3">

                        <div class="layui-card top-panel">
                            <div class="layui-card-header">要展示的指标名称</div>
                            <div class="layui-card-body">
                                <div class="layui-row layui-col-space5">
                                    <div class="layui-col-xs9 layui-col-md9 top-panel-number">
                                        9,054,056
                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
                                        比昨天 <a style="color: #1aa094">▲0.12</a><br>
                                        比七日 <a style="color: #bd3004">▼0.06</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


                <!-- COL 8-->

                <div class="layui-row layui-col-space10">
                    <div class="layui-col-md6">

                        <div class="card card-hoverable">
                            <div class="card-head">
                                <!--<span class="card-head-icon"><svg t="1624610578335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1065" width="100%" height="100%"><path d="M464.904 256.496L467.288 88H91.704v168.496h373.2z m0 0" fill="#76DA91" p-id="1066"></path><path d="M776.968 490.04l4.376-168.496H91.704v168.496h685.264z m0 0" fill="#76DA91" p-id="1067"></path><path d="M617.56 723.584l3.36-168.496H91.704v168.496h525.856z m0 0" fill="#76DA91" p-id="1068"></path><path d="M313.704 957.128l1.416-168.496H91.704v168.496h222z m0 0" fill="#76DA91" p-id="1069"></path><path d="M41.8 975.608V88.144H0V1024h1009.936v-48.392H41.8z m0 0" fill="#76DA91" p-id="1070"></path></svg></span>-->
                                <span class="card-head-icon"><i class="fa fa-info-circle icon icon-blue"></i></span>
                                <span>节点信息</span>
                                <span style='float: right;position: absolute;right: 20px;height: 48px;'>
                                自动刷新：<input id='refreshBtn' data-toggle="cubeui-switchbutton" style="height:30px" checked="true">
                                </span>
                            </div>

                            <div class="card-body padding-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10">
                                        <div class="layui-col-md6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-blue">实时</span>
                                                        <h5>节点名称</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">{{:info.Name}}</h1>
                                                        <small>&nbsp;</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-md6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-cyan">实时</span>
                                                        <h5>操作系统</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">{{:info.OperatingSystem}}</h1>
                                                        <small>{{:info.KernelVersion}}</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="layui-col-md6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-orange">实时</span>
                                                        <h5>Docker版本</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">{{:version.Version}}</h1>
                                                        <small>{{:version.Platform.Name}}</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="layui-col-md6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-green">实时</span>
                                                        <h5>Build版本</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">{{:version.GoVersion}}</h1>
                                                        <small>ApiVersion: {{:version.ApiVersion}}</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="layui-col-md6">

                        <div class="card card-hoverable">
                            <div class="card-head">
                                <span class="card-head-icon"><i class="fa fa-server icon"></i></span>
                                <span>快捷入口</span>
                                <span style='float: right;position: absolute;right: 20px;height: 48px;'></span>
                            </div>


                            <div class="card-body padding-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10 layuimini-qiuck">

										<div class="layui-col-md3 layuimini-qiuck-module">
                                            <a href="#" onClick="javascript:triggerNavMenuClick('ALL', 'images')" title="镜像管理" data-icon="fa fa-window-maximize">
                                                <i class="fa fa-window-maximize"></i>
                                                <cite>镜像管理</cite>
                                            </a>
                                        </div>

										<div class="layui-col-md3 layuimini-qiuck-module">
                                            <a href="#" onClick="javascript:triggerNavMenuClick('ALL', 'containers')" title="容器管理" data-icon="fa fa-gears">
                                                <i class="fa fa-gears"></i>
                                                <cite>容器管理</cite>
                                            </a>
                                        </div>

										<div class="layui-col-md3 layuimini-qiuck-module">
                                            <a href="#" onClick="javascript:triggerNavMenuClick('ALL', 'volumes')" title="数据卷管理" data-icon="fa fa-file-text">
                                                <i class="fa fa-file-text"></i>
                                                <cite>数据卷管理</cite>
                                            </a>
                                        </div>

										<div class="layui-col-md3 layuimini-qiuck-module">
                                            <a href="#" onClick="javascript:triggerNavMenuClick('ALL', '仓库')"  title="仓库管理" data-icon="fa fa-dot-circle-o">
                                                <i class="fa fa-dot-circle-o"></i>
                                                <cite>仓库管理</cite>
                                            </a>
                                        </div>

										<div class="layui-col-md3 layuimini-qiuck-module">
                                            <a href="#" onClick="javascript:triggerNavMenuClick('ALL', 'Swarm集群', '集群信息')" title="集群信息" data-icon="fa fa-calendar">
                                                <i class="fa fa-calendar"></i>
                                                <cite>集群信息</cite>
                                            </a>
                                        </div>

										<div class="layui-col-md3 layuimini-qiuck-module">
                                            <a href="#" onClick="javascript:triggerNavMenuClick('ALL', 'Swarm集群', '服务')" title="服务管理" data-icon="fa fa-hourglass-end">
                                                <i class="fa fa-hourglass-end"></i>
                                                <cite>服务管理</cite>
                                            </a>
                                        </div>

										<div class="layui-col-md3 layuimini-qiuck-module">
                                            <a href="#" onClick="javascript:triggerNavMenuClick('ALL', 'Swarm集群', '配置')" title="配置管理" data-icon="fa fa-search">
                                                <i class="fa fa-search"></i>
                                                <cite>配置管理</cite>
                                            </a>
                                        </div>

										<div class="layui-col-md3 layuimini-qiuck-module">
                                            <a href="#" onClick="javascript:triggerNavMenuClick('ALL', '网络')" title="网络信息" data-icon="fa fa-snowflake-o">
                                                <i class="fa fa-usb"></i>
                                                <cite>网络信息</cite>
                                            </a>
                                        </div>

                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>

                <!-- COL 8-->

                <div class="layui-row layui-col-space10">
                    <div class="layui-col">
                        <div class="card card-hoverable  layui-row layui-col-space10">
                            <div class="cardList-wrapper">
                                <div class="card-item"  onclick="javascript:triggerNavMenuClick('ALL', 'images')">
                                    <div class="card-title">镜像</div>
                                    <div class="all-count">
                                        <span id='imageCount'>5</span>
                                        <span class="suffix">个</span>
                                    </div>
                                </div>
                                <div class="card-item"  onclick="javascript:triggerNavMenuClick('ALL', 'containers')">
                                    <div class="card-title">已启动容器</div>
                                    <div class="all-count">
                                        <span id='startCount'>3</span>
                                        <span class="suffix">个</span>
                                    </div>
                                    <div class="card-info">
                                        <span>容器总数：<t id='containerCount'>20</t>个</span>
                                    </div>
                                </div>
                                <div class="card-item"  onclick="javascript:triggerNavMenuClick('ALL', 'volumes')">
                                    <div class="card-title">本地数据卷</div>
                                    <div class="all-count">
                                        <span id='volumeCount'>0</span>
                                        <span class="suffix">个</span>
                                    </div>
                                    <div class="card-info">
                                        <span>总数据卷：<t id='volumeTotal'>0</t>个</span>
                                    </div>
                                </div>
                                    <div class="card-item" onclick="javascript:triggerNavMenuClick('ALL', 'Swarm集群', '节点')">
                                        <div class="card-title">集群节点</div>
                                        <div class="all-count">
                                            <span id='activeCount'>1</span>
                                            <span class="suffix">个</span>
                                        </div>
                                        <div class="card-info">
                                            <span>管理结点：<t id='managerCount'>1</t>个</span>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--  COL 8 -->
                <div class="layui-row layui-col-space10">
                    <div class="layui-col">
                        <div class="card card-hoverable">
                            <div class="card-head">
                                <span class="card-head-icon"><i class="fa fa-table icon"></i></span>
                                <span>资源使用率</span>
                                <span style='float: right;position: absolute;right: 20px;height: 48px;'></span>
                            </div>
                            <div class="card-body padding-card-body" >
                                <div class="nepadmin-pad-b20">
                                    <h2 class="nepadmin-pad-b10">
                                      <t class='cpu-usages-value'>85%</t><span class="nepadmin-font-14 nepadmin-c-gray nepadmin-fr">CPU使用率（<t class='cpu-usages-value'></t><span class="layui-edge layui-edge-top cpu-usages-value" lay-tips="增长" lay-offset="-15"></span>）</span>
                                    </h2>
                                    <div class="layui-progress">
                                      <div class="layui-progress-bar layui-bg-blue cpu-usages" style="width: 85%;"></div>
                                    </div>
                              </div>
                              <div class="nepadmin-pad-b20">
                                    <h2 class="nepadmin-pad-b10">
                                      <t class='memory-usages-value'>58%</t><span class="nepadmin-font-14 nepadmin-c-gray nepadmin-fr">内存占用率（<t class='memory-usages-value'></t><span class="layui-edge layui-edge-bottom memory-usages-value" lay-tips="下降" lay-offset="-15"></span>）</span>
                                    </h2>
                                    <div class="layui-progress">
                                      <div class="layui-progress-bar layui-bg-red  memory-usages" style="width: 58%;"></div>
                                    </div>
                              </div>
                              <div class="nepadmin-pad-b20">
                                    <h2 class="nepadmin-pad-b10">
                                      <t class='disk-usages-value'>92%</t><span class="nepadmin-font-14 nepadmin-c-gray nepadmin-fr">磁盘占用率（<t class='disk-usages-value'></t><span class="layui-edge layui-edge-bottom disk-usages-value" lay-tips="下降" lay-offset="-15"></span>）</span>
                                    </h2>
                                    <div class="layui-progress">
                                      <div class="layui-progress-bar layui-bg-cyan  disk-usages" style="width: 92%;"></div>
                                    </div>
                              </div>

                            </div>
                        </div>
                    </div>
                </div>

                <!--  COL 8 -->

            </div>

            <!-- COL 4 -->

            <div class="layui-col-md4">

                <div class="layui-row layui-col-space10">
                    <div class="layui-col">
                        <div class="card card-hoverable">
                            <div class="card-head">
                                <span class="card-head-icon"><svg t="1624610578335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1065" width="100%" height="100%"><path d="M464.904 256.496L467.288 88H91.704v168.496h373.2z m0 0" fill="#76DA91" p-id="1066"></path><path d="M776.968 490.04l4.376-168.496H91.704v168.496h685.264z m0 0" fill="#76DA91" p-id="1067"></path><path d="M617.56 723.584l3.36-168.496H91.704v168.496h525.856z m0 0" fill="#76DA91" p-id="1068"></path><path d="M313.704 957.128l1.416-168.496H91.704v168.496h222z m0 0" fill="#76DA91" p-id="1069"></path><path d="M41.8 975.608V88.144H0V1024h1009.936v-48.392H41.8z m0 0" fill="#76DA91" p-id="1070"></path></svg></span>
                                <span>概览</span>
                                <span style='float: right;position: absolute;right: 20px;height: 48px;'></span>
                            </div>
                            <div class="card-body" >
                                <table class="layui-table">
                                    <colgroup>
                                        <col width="100">
                                        <col>
                                    </colgroup>
                                    <tbody>
                                    <tr>
                                        <td>节点名称</td>
                                        <td>{{:info.Name}}</td>
                                    </tr>
                                    <tr>
                                        <td>产品</td>
                                        <td>{{:version.Platform.Name}}</td>
                                    </tr>
                                    <tr>
                                        <td>版本</td>
                                        <td>{{:version.Version}}</td>
                                    </tr>
                                    <tr>
                                        <td>操作系统</td>
                                        <td>{{:info.OperatingSystem}}</td>
                                    </tr>
                                    <tr>
                                        <td>系统内核</td>
                                        <td>{{:info.KernelVersion}}</td>
                                    </tr>
                                    <tr>
                                        <td>Arch</td>
                                        <td>{{:info.OSType}} {{:info.Architecture}}</td>
                                    </tr>
                                    <tr>
                                        <td>Build</td>
                                        <td>{{:version.GoVersion}}</td>
                                    </tr>
                                    <tr>
                                        <td>API</td>
                                        <td>{{:version.ApiVersion}}</td>
                                    </tr>
                                    <tr>
                                        <td>CPU</td>
                                        <td>{{:info.NCPU}}</td>
                                    </tr>
                                    <tr>
                                        <td>Memory</td>
                                        <td>{{:info.MemTotal}}</td>
                                    </tr>
                                    <tr>
                                        <td>RootDir</td>
                                        <td>{{:info.DockerRootDir}}</td>
                                    </tr>
                                    <tr>
                                        <td>仓库镜像</td>
                                        <td>{{:info.Mirrors}}</td>
                                    </tr>
                                    <tr>
                                        <td>代理</td>
                                        <td>{{:info.HttpProxy}}</td>
                                    </tr>
                                    <tr>
                                        <td>Swarm</td>
                                        <td>{{:info.swarm.status}}</td>
                                    </tr>
                                    <tr>
                                        <td>ClusterID</td>
                                        <td>{{:info.swarm.custerid}}</td>
                                    </tr>
                                    <tr>
                                        <td>NodeID</td>
                                        <td>{{:info.swarm.nodeid}}</td>
                                    </tr>
                                    <tr>
                                        <td>IP</td>
                                        <td>{{:info.swarm.address}}</td>
                                    </tr>

                                    <!--<tr style='display:none'>
                                        <td>下载地址</td>
                                        <td>
                                            iframe版-v2：<a href="https://github.com/tree/v2" target="_blank">github</a> / <a href="https://gitee.com/zhongshaofa/layuimini/tree/v2" target="_blank">gitee</a><br>
                                            单页版-v2：<a href="https://github.com/tree/v2-onepage" target="_blank">github</a> / <a href="https://gitee.com/zhongshaofa/layuimini/tree/v2-onepage" target="_blank">gitee</a><br>
                                        </td>
                                    </tr>-->
                                    <tr>
                                        <td>Gitee</td>
                                        <td style="padding-bottom: 0;">
                                            <div class="layui-btn-container">
                                                <a href="https://gitee.com/zhongshaofa/layuimini" target="_blank" style="margin-right: 15px"><img src="https://gitee.com/zhongshaofa/layuimini/badge/star.svg?theme=dark" alt="star"></a>
                                                <a href="https://gitee.com/zhongshaofa/layuimini" target="_blank"><img src="https://gitee.com/zhongshaofa/layuimini/badge/fork.svg?theme=dark" alt="fork"></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <!--<tr>
                                        <td>Github</td>
                                        <td style="padding-bottom: 0;">
                                            <div class="layui-btn-container">
                                                <iframe src="https://ghbtns.com/github-btn.html?user=zhongshaofa&amp;repo=layuimini&amp;type=star&amp;count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                                                <iframe src="https://ghbtns.com/github-btn.html?user=zhongshaofa&amp;repo=layuimini&amp;type=fork&amp;count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                                            </div>
                                        </td>
                                    </tr>-->
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- COL 4 -->

            </div>
        </div>

        <!-- COL 12 -->

        <div class="layui-row layui-col-space10">

            <div class="card card-hoverable">
                <div class="card-head">
                    <span class="card-head-icon"><svg t="1624610578335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1065" width="100%" height="100%"><path d="M464.904 256.496L467.288 88H91.704v168.496h373.2z m0 0" fill="#76DA91" p-id="1066"></path><path d="M776.968 490.04l4.376-168.496H91.704v168.496h685.264z m0 0" fill="#76DA91" p-id="1067"></path><path d="M617.56 723.584l3.36-168.496H91.704v168.496h525.856z m0 0" fill="#76DA91" p-id="1068"></path><path d="M313.704 957.128l1.416-168.496H91.704v168.496h222z m0 0" fill="#76DA91" p-id="1069"></path><path d="M41.8 975.608V88.144H0V1024h1009.936v-48.392H41.8z m0 0" fill="#76DA91" p-id="1070"></path></svg></span>
                    <span>版本历史</span>
                    <span style='float: right;position: absolute;right: 20px;height: 48px;'></span>
                </div>
                <div class="card-body we-changelog" style="text-align: center;">
                    <ul class="layui-timeline" style="height1: 729px; overflow-y: auto;">
                        <li class="layui-timeline-item">
                          <i class="layui-icon layui-timeline-axis" style="color: #FF5722;"></i>
                          <div class="layui-timeline-content layui-text">
                            <div class="layui-timeline-title">
                              <h3>正式定版v1.6.0</h3>
                              <span class="layui-badge-rim">2020-08-29</span>
                            </div>
                            <blockquote class="layui-elem-quote">
                              跌跌撞撞又折腾过了八月，next版本终于转正为v1.6.0版本，内部优化了一些方法，优化了一些代码风格，数据调用方法等等。老朋友可以clone一份参考使用，新朋友就随意啦。实操学习，欢迎交流~
                            </blockquote>

                            <ul>
                              <li>统一字体图标的引用方式，优化精简代码</li>
                              <li>统一左侧菜单及iframe内部打开tab菜单方法，可参考【我的桌面】-【快捷方式】-【管理员列表】</li>
                              <li>新增的http方法中使用了mock数据(fastmock),可能左侧菜单打开会稍慢</li>
                            </ul>
                          </div>
                        </li>
                        <li class="layui-timeline-item">
                          <i class="layui-icon layui-timeline-axis" style="color: #FF5722;"></i>
                          <div class="layui-timeline-content layui-text">
                            <div class="layui-timeline-title">
                              <h3>WeAdmin更新layui基础版本为V2.5.6</h3>
                              <span class="layui-badge-rim">2020-07-30</span>
                            </div>
                            <ul>
                              <li>更新layui基础版本为V2.5.6</li>
                              <li>登录操作更新为动态api校验(ajax请求mock数据)</li>
                              <li>左侧菜单更新为动态获取方式(ajax请求mock数据)</li>
                              <li>文章分类更新为动态获取方式(ajax请求mock数据)</li>
                            </ul>
                          </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>

<!--        <div class="layui-row layui-col-space10">-->
<!--            <div class="layui-col">-->
<!--                <div class="card card-hoverable">-->
<!--                    <div class="card-head">-->
<!--                        <span class="card-head-icon"><svg t="1624610578335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1065" width="100%" height="100%"><path d="M464.904 256.496L467.288 88H91.704v168.496h373.2z m0 0" fill="#76DA91" p-id="1066"></path><path d="M776.968 490.04l4.376-168.496H91.704v168.496h685.264z m0 0" fill="#76DA91" p-id="1067"></path><path d="M617.56 723.584l3.36-168.496H91.704v168.496h525.856z m0 0" fill="#76DA91" p-id="1068"></path><path d="M313.704 957.128l1.416-168.496H91.704v168.496h222z m0 0" fill="#76DA91" p-id="1069"></path><path d="M41.8 975.608V88.144H0V1024h1009.936v-48.392H41.8z m0 0" fill="#76DA91" p-id="1070"></path></svg></span>-->
<!--                        <span>事件</span>-->
<!--                        <span style='float: right;position: absolute;right: 20px;height: 48px;'>-->
<!--                    </div>-->
<!--                    <div class="card-body" style="height:400px;width:100%;text-align: center">-->
<!--                            <table id="eventDg" style="width:100%;"></table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

        <!-- COL 12 -->

        <div class="layui-row layui-col-space10">
            <div class="layui-col-md12">
                <blockquote class="layui-elem-quote explain" style="border-left: 5px solid #598bfb;">
                    <p>
                        锦翰科技（深圳）有限公司致力于打造既美观实用又能快速开发的后台管理前端框架，解决传统EasyUI的性能和功能问题！
                        锦翰科技（深圳）有限公司，前身是卓尚软件工作室，组建于2008年11月，是针对大中小企业、政府机构提供信息化管理的咨询、开发、实施、服务为一体的企业管理信息化的高新技术企业。
                    </p>
                    <p>
                        基于成熟稳定的EasyUI框架开发，集丰富组件+强大功能+优异性能+精美界面+便捷开发于一身，适用于企业级信息管理系统或Web后台管理系统
                    </p>
                    <p>

                    <p>
                        <span style="font-weight: bold;">联系我们：</span>
                        <a href="http://www.zuoyoutech.com" target="_blank">锦翰科技（深圳）有限公司</a><br>
                        <span style="font-weight: bold;">地址：</span>广东省深圳市龙岗区龙飞大道333号启迪协信科技园4号楼301<br>
                        <span style="font-weight: bold;">Addr：</span>301, building 4, Qidi Xiexin science and Technology Park, 333 Longfei Avenue, Longgang District, Shenzhen City, Guangdong Province<br>
                        <span style="font-weight: bold;">客服QQ：</span>793875613<br>
                        <span style="font-weight: bold;">办公电话：</span>0755-89769403，13510831210<br>
                        <span style="font-weight: bold;">电子邮箱：</span>service@ginghan.com
                        <a target=blank href="https://wpa.qq.com/msgrd?v=3&uin=793875613&site=qq&menu=yes">
                            <img border="0" SRC='https://pub.idqqimg.com/qconn/wpa/button/button_old_11.gif' alt="点击这里给我发消息">
                        </a><br>
                    </p>

                    </p>
                </blockquote>
            </div>
        </div>

        <!-- COL 12 -->

<!--        <div class="layui-row layui-col-space10">-->
<!--            <div class="layui-col">-->
<!--                <div class="card card-hoverable  layui-row layui-col-space10">-->
<!--                    <div class="card-body text-content-body">-->
<!--                        <p>-->
<!--                            <span style="font-weight: bold">在线演示：</span>-->
<!--                            <a style="color: red" href="https://www.ginghan.com/#contact" target="_blank">联系我们</a>-->
<!--                        </p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

    </div>
</script>
<style>

    .panel {width: 100%;!important;}
</style>
</body>
</html>